import React from 'react';
import {ChevronRightIcon, HStack, Icon, Image, Text, View} from "@gluestack-ui/themed";
import {BriefInfoProps} from "@/components/k-view/brief-info/type";

const BriefInfo = (props: BriefInfoProps) => {
    const {
        avatar,
        avatarSize = 32,
        radius,
        name,
        children
    } = props;

    return (
        <HStack
            alignItems="center"
            space="xs"
        >
{/*            <Image
                w={avatarSize}
                h={avatarSize}
                borderRadius={radius}
                source={avatar ? {uri: avatar} : require('@/theme/assets/images/avatar.png')}
                alt={name}
            />*/}
            <View flex={1}>
                <HStack
                    space="sm"
                    alignItems={"center"}
                >
                    <Text
                        size="sm"
                        color={"$textLight950"}
                    >{name}</Text>
                    <Icon as={ChevronRightIcon} w="$4" h="$4"/>
                </HStack>
                {children?.other}
            </View>
            {children?.right}

        </HStack>
    );
};

export default BriefInfo;